<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>垂直对齐的方式</title>
		<style type="text/css">
			img{
				/*vertical-align: baseline;   默认效果*/
				/*vertical-align: button;     底部对齐  */
				vertical-align: middle;			/*中间对齐*/
			}
		</style>
	</head>
	<body>
		<div>
			<img src="img/monv.jpg" style="width: 300px;"/>宅急魔女便monvgg
		</div>
	</body>
</html>
